<!DOCTYPE html> <!-- 告诉浏览器这个网页是H5的超文本标记语言 -->
<html lang="zh-CN"> <!-- 表示当前网站属于哪种语言的网站：en(英文)、zh(中文), 默认en, CN代表国家代码、具体详情参考：https://www.w3school.com.cn/tags/html_ref_country_codes.asp -->
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link href="../imgs/keai.gif" rel="shortcut icon"> <!-- 图标 -->
    <title>H5图片介绍</title> <!-- title标签的内容会同时也会作为搜索引擎中标题出现 --> 
    <meta name="keywords" content="搜索标题1,搜索标题2"/> <!-- 搜索引擎网站标题关键字多个逗号隔开 -->
    <meta name="description" content="一个非常不错的网站"/> <!-- 搜索引擎网站描述介绍 -->

</head>
<body>
    <!-- 
        img 图片元素    
            属性：
                src 图片路径
                    格式支持:
                        jpeg(jpg)
                            一般用来显示图片
                        gif 
                            支持简单透明,支持动图
                        png 
                            支持复杂透明、不支持动图(专为网页而生)
                        webp 
                            这种格式是谷歌新推出的专门用来表示网页中的图片一种格式
                            它具备其他图片格式的所有优点,而且文件还特别的小
                            缺点:兼容性不好
                        base64
                            将图片使用base64编码,这样可以将图片转化为字符,通过字符的形式来引入图片
                            一般都是一些需要和网页一起加载的图片才会使用base64
                alt: 图片描述, 当src图片无法加载出来时会显示里面的文字

        建议图片使用：
            效果一样, 用小的
            效果不一样, 用效果好的
     -->
     <br>
    <img src="../imgs/huaixiao.jpg" alt="坏笑">
    
</body>
</html>